<template>
  <div class="table-slot-wrapper">
    <span class="common-text" :title="slotData.currentNodesInfo" @click.stop="showFlowChartAJax">{{
      slotData.currentNodesInfo ? slotData.currentNodesInfo : '' }}</span>
  </div>
</template>

<script>
import { showFlowChartAJax } from '../../../utils/index';
export default {
  name: 'CurrentNodesInfoTableRender',
  props: {
    slotData: {
      type: Object,
      default: () => { }
    }
  },
  data() {
    return {};
  },
  methods: {
    showFlowChartAJax() {
      const { affairId, caseId, processId, templeteId, activityId, bodyType } = this.slotData;
      let showHastenButton = 'true';
      showFlowChartAJax(affairId, caseId, processId, templeteId, activityId, bodyType, showHastenButton);
    }
  }
};
</script>

<style lang="scss" scoped>
.table-slot-wrapper {
  display: flex;
  align-items: center;
  width: 100%;

  .common-text {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-word;
    color: #2490f8;
    color: var(--theme-brand5, #2490f8);
    cursor: pointer;
  }
}
</style>
